/* StroxHost header branding - logo + StroxHost text with red x + vertical line */
.stox-header-brand {
  display: flex;
  align-items: center;
}
.stox-header-brand img {
  max-height: 40px;
  width: auto;
  object-fit: contain;
  margin-right: 12px;
}
.stox-brand-text {
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.stox-brand-text .stox-x {
  color: #e84c4c;
}
.stox-brand-line {
  display: inline-block;
  width: 2px;
  height: 24px;
  background: #e84c4c;
  margin-left: 14px;
  border-radius: 1px;
}
.stox-logout-btn {
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* Space so content doesn't go under the bottom bar */
body { padding-bottom: 110px !important; }

/* Bottom bar background */
.stox-bottom-nav-wrap{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 92px;
  background: rgba(20, 20, 26, 0.92);
  border-top: 1px solid rgba(255,255,255,0.06);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Capsule menu */
.stox-bottom-nav{
  height: 74px;
  width: min(860px, calc(100% - 48px));
  background: rgba(70, 70, 85, 0.55);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: relative;
  padding: 0 10px;
}

/* Angled ends */
.stox-bottom-nav:before,
.stox-bottom-nav:after{
  content:"";
  position:absolute;
  top:0;
  width: 22px;
  height: 100%;
  background: rgba(70,70,85,0.55);
}
.stox-bottom-nav:before{
  left:-18px;
  transform: skewX(-18deg);
  border-left: 1px solid rgba(255,255,255,0.08);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.stox-bottom-nav:after{
  right:-18px;
  transform: skewX(18deg);
  border-right: 1px solid rgba(255,255,255,0.08);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* Items */
.stox-nav-item{
  flex: 1;
  text-align: center;
  color: rgba(255,255,255,0.80);
  text-decoration: none;
  font-size: 14px;
  padding: 12px 0;
  line-height: 1.1;
}
.stox-nav-item i{
  display:block;
  font-size: 24px;
  margin-bottom: 6px;
  opacity: 0.9;
}
.stox-nav-item:hover{
  color: #fff;
}

/* Exact asymmetric shape:
   - top-left cut
   - bottom-right cut
*/
.stox-bottom-nav{
  border-radius: 0 !important;
  position: relative;
  background: rgba(70,70,85,0.80);
  border: 1px solid rgba(255,255,255,0.10);

  /* change 26px to adjust cut size */
  -webkit-clip-path: polygon(
    26px 0,          /* start after top-left cut */
    100% 0,          /* top-right normal */
    100% 100%,       /* bottom-right corner point */
    calc(100% - 26px) 100%, /* move left: creates bottom-right cut */
    0 100%,          /* bottom-left normal */
    0 26px           /* up: creates top-left cut */
  );
  clip-path: polygon(
    26px 0,
    100% 0,
    100% 100%,
    calc(100% - 26px) 100%,
    0 100%,
    0 26px
  );
}

/* Remove old wings if still present */
.stox-bottom-nav:before,
.stox-bottom-nav:after{
  display:none !important;
}
/* Cut ONLY top-left + bottom-right */
.stox-bottom-nav{
  border-radius: 0 !important;

  /* size of the cuts */
  --cut: 26px;

  -webkit-clip-path: polygon(
    var(--cut) 0,                /* top edge after TL cut */
    100% 0,                      /* top-right normal */
    100% calc(100% - var(--cut)),/* go down right side (creates BR cut) */
    calc(100% - var(--cut)) 100%,/* go left on bottom (creates BR cut) */
    0 100%,                      /* bottom-left normal */
    0 var(--cut)                 /* up left side (creates TL cut) */
  );
  clip-path: polygon(
    var(--cut) 0,
    100% 0,
    100% calc(100% - var(--cut)),
    calc(100% - var(--cut)) 100%,
    0 100%,
    0 var(--cut)
  );
}

/* Make sure old wings are off */
.stox-bottom-nav:before,
.stox-bottom-nav:after{ display:none !important; }

/* Hide the 4 top tiles on client area home */
.tiles.mb-4 { 
  display: none !important; 
}

/* Make only icon+text clickable, not the whole flex cell */
.stox-nav-item{
  display: flex;
  justify-content: center;
  text-decoration: none;
}

.stox-nav-hit{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;         /* clickable area size */
  border-radius: 10px;
}

.stox-nav-item:hover .stox-nav-hit{
  background: rgba(255,255,255,0.06);
}
/* Click only on the inner hit area */
.stox-nav-item{
  pointer-events: none;          /* disable clicks on the full-width <a> */
}

.stox-nav-item .stox-nav-hit{
  pointer-events: auto;          /* enable clicks only here */
  cursor: pointer;
}


/* Hide specific home panels (leave only Active Products/Services) */
.client-home-cards .card{
  /* keep default, then override specific ones below */
}

/* Hide "Recent Support Tickets" */
.client-home-cards .card:has(.card-title:contains("Recent Support Tickets")),
.client-home-cards .card:has(.card-title:contains("Ticket recenti")){
  display:none !important;
}

/* Hide "Register a New Domain" */
.client-home-cards .card:has(.card-title:contains("Register a New Domain")),
.client-home-cards .card:has(.card-title:contains("Registra un Nuovo Dominio")){
  display:none !important;
}

/* Hide "Recent News" */
.client-home-cards .card:has(.card-title:contains("Recent News")),
.client-home-cards .card:has(.card-title:contains("Notizie recenti")){
  display:none !important;
}
/* Hide "Recent Support Tickets" panel */
#ticketsPanel,
div[menuitemname="Recent Support Tickets"]{
  display: none !important;
}
/* Hide "Recent News" */
body #announcementsPanel,
body div#announcementsPanel[menuitemname="Recent News"]{
  display: none !important;
}

/* Hide "Register a New Domain" */
body #registerDomainPanel,
body div#registerDomainPanel[menuitemname="Register a New Domain"]{
  display: none !important;
}

:root{
  --stox-accent: #d9a441;      /* main orange-gold */
  --stox-accent-2: #f0c15b;    /* hover / lighter */
}

/* ===== Bottom menu icons + text ===== */
.stox-bottom-nav i,
.stox-bottom-nav svg,
.stox-bottom-nav .nav-icon {
  color: var(--stox-accent) !important;
  fill: var(--stox-accent) !important;
}

.stox-bottom-nav a,
.stox-bottom-nav .nav-label {
  color: var(--stox-accent) !important;
}

.stox-bottom-nav a:hover i,
.stox-bottom-nav a:hover,
.stox-bottom-nav a:hover .nav-label {
  color: var(--stox-accent-2) !important;
}

/* Optional: active state (if you add .active on current item) */
.stox-bottom-nav a.active i,
.stox-bottom-nav a.active,
.stox-bottom-nav a.active .nav-label {
  color: var(--stox-accent-2) !important;
}

/* ===== Theme accents: borders / outlines / separators ===== */
.card,
.panel,
.list-group-item,
.table,
hr {
  border-color: rgba(217, 164, 65, 0.55) !important;
}

/* Odin-style “red outline” boxes often use box-shadow or border */
.card[class*="card-accent"],
.client-home-cards .card,
.client-home-cards .card-header,
.client-home-cards .card-footer {
  border-color: rgba(217, 164, 65, 0.55) !important;
}



/* Badges / small accents */
.badge,
.label,
.highlight,
.bg-color-red { /* if theme uses this class for the red underline */
  background: var(--stox-accent) !important;
}

/* Keep links and buttons as theme default (undo our previous overrides) */
a, a:hover, a:focus {
  color: inherit !important;
}

.btn-primary, .btn.btn-primary,
.btn-primary:hover, .btn.btn-primary:hover {
  background: initial !important;
  border-color: initial !important;
}

/* CART: hide left panels (Categories/Actions) */
#order-modern .panel.card.panel-default,
#order-standard_cart .panel.card.panel-default,
body .panel.card.panel-default {
  display: none !important;
}

/* CART: hide promo code tabs box */
#order-modern .view-cart-tabs,
#order-standard_cart .view-cart-tabs,
body .view-cart-tabs {
  display: none !important;
}

/* CART: hide only Categories + Actions side panels */
div[menuitemname="Categories"],
div[menuitemname="Actions"]{
  display: none !important;
}
/* Remove the "Need help? Support 24/7" bar site-wide */
.supporty {
  display: none !important;
}

/* STEP 1: spinge più in basso il blocco "footery" */
.footery{
  margin-top: 140px !important;   /* aumenta se lo vuoi più giù */
  padding-top: 20px !important;
}

/* Only allow "Use my existing domain" option */
.domain-selection-options #selregister,
.domain-selection-options #seltransfer,
.domain-selection-options #iCheck-selregister,
.domain-selection-options #iCheck-seltransfer {
  display: none !important;
}

.domain-selection-options #domainregister,
.domain-selection-options #domaintransfer {
  display: none !important;
}

/* nasconde proprio i due blocchi "option" che li contengono */
.domain-selection-options #selregister,
.domain-selection-options #seltransfer {
  /* nulla, già sopra */
}
.domain-selection-options #selregister,
.domain-selection-options #seltransfer {
  /* placeholder */
}

/* più diretto: nascondi il contenitore option che include quei radio */
.domain-selection-options .option:has(#selregister),
.domain-selection-options .option:has(#seltransfer) {
  display: none !important;
}
/* CHECKOUT: Credit box - match Odin dark cards */
#applyCreditContainer.apply-credit-container{
  background: rgba(20,20,20,.55) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 6px !important;
  padding: 18px 18px !important;
  color: rgba(255,255,255,.90) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.45) !important;
}

/* Text inside */
#applyCreditContainer.apply-credit-container p{
  margin: 0 0 12px 0 !important;
  color: rgba(255,255,255,.85) !important;
}

/* Radio labels text */
#applyCreditContainer.apply-credit-container label.radio{
  display: block !important;
  padding: 10px 10px !important;
  margin: 10px 0 !important;
  border-radius: 6px !important;
  color: rgba(255,255,255,.85) !important;
}

/* Hover / selected feel (works even with iCheck) */
#applyCreditContainer.apply-credit-container label.radio:hover{
  background: rgba(255,255,255,.05) !important;
}
#applyCreditContainer.apply-credit-container .iradio_square-blue.checked + span,
#applyCreditContainer.apply-credit-container .iradio_square-blue.checked{
  filter: brightness(1.1) !important;
}

/* Amount highlight */
#applyCreditContainer.apply-credit-container span span{
  color: inherit !important;
  font-weight: 600 !important;
}
/* CHECKOUT: hide "Scegli Account" (existing/new account selector) */
#containerExistingAccountSelect {
  display: none !important;
}
/* optional: hide hidden custtype input (not necessary) */
#inputCustType { display:none !important; }
/* CHECKOUT: hide "skip credit" option (force credit-only visually) */
#applyCreditContainer label.radio:has(#skipCreditOnCheckout) {
  display: none !important;
}

/* CHECKOUT: hide skip-credit option visually */
#iCheck-skipCreditOnCheckout,
#skipCreditOnCheckout {
  display: none !important;
}
/* Fix selezione testo visibile (input/textarea e contenuti) */
::selection {
  background: rgba(0, 123, 255, 0.35);
  color: inherit;
}

::-moz-selection {
  background: rgba(0, 123, 255, 0.35);
  color: inherit;
}

/* In alcuni temi serve anche questo per i campi */
input::selection,
textarea::selection {
  background: rgba(0, 123, 255, 0.35);
  color: inherit;
}

input::-moz-selection,
textarea::-moz-selection {
  background: rgba(0, 123, 255, 0.35);
  color: inherit;
}
.stox-wallet-side-amount{
  font-size: 28px;
  font-weight: 800;
  white-space: nowrap;
}

/* Hide top-right Account dropdown when user is NOT logged in */
body:not(.loggedin) #Secondary_Navbar-Account {
  display: none !important;
}


/* ===== STOX AUTH POPUP ===== */
.stox-auth-overlay{
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  background: rgba(0,0,0,.55);
  z-index: 99999;
}

.stox-auth-modal{
  width: 100%;
  margin-top: 110px;
  max-width: 430px;
  background: #1c2336;
  border-radius: 18px;
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
  overflow: hidden;
}

.stox-auth-topbar{
  height: 8px;
  background: linear-gradient(90deg, #e24b5a, #b43a53);
}

.stox-auth-body{
  padding: 26px 26px 22px;
}

.stox-auth-header{
  text-align: center;
  margin-bottom: 18px;
}

.stox-auth-header h2{
  margin: 0 0 6px 0;
  letter-spacing: .5px;
  font-size: 22px;
}

.stox-auth-welcome{
  color: #e24b5a;
  font-weight: 800;
}

.stox-auth-back{
  color: #e9edf6;
  font-weight: 800;
}

.stox-auth-sub{
  margin: 0;
  color: rgba(233,237,246,.75);
  font-size: 13px;
}

.stox-auth-alert{
  border-radius: 10px;
  padding: 10px 12px;
  margin: 0 0 12px 0;
  font-size: 13px;
}
.stox-auth-alert-danger{ background: rgba(226,75,90,.18); color:#ffd6db; border:1px solid rgba(226,75,90,.25); }
.stox-auth-alert-success{ background: rgba(46,204,113,.14); color:#d7ffe8; border:1px solid rgba(46,204,113,.22); }

.stox-auth-form{
  display: grid;
  gap: 10px;
}

.stox-auth-label{
  font-size: 12px;
  color: rgba(233,237,246,.75);
  margin-top: 6px;
}

.stox-auth-input{
  width: 100%;
  padding: 12px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(12,15,25,.35);
  color: #e9edf6;
  outline: none;
}
.stox-auth-input:focus{
  border-color: rgba(226,75,90,.55);
  box-shadow: 0 0 0 3px rgba(226,75,90,.18);
}

.stox-auth-passwrap{
  position: relative;
}
.stox-auth-passwrap .stox-auth-input{
  padding-right: 44px;
}
.stox-auth-eye{
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  height: 32px;
  width: 34px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(12,15,25,.25);
  color: rgba(233,237,246,.85);
  cursor: pointer;
}
.stox-auth-eye:hover{
  border-color: rgba(226,75,90,.45);
}

.stox-auth-row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
}

.stox-auth-check{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: rgba(233,237,246,.8);
}
.stox-auth-check input{
  accent-color: #e24b5a;
}

.stox-auth-btn{
  margin-top: 10px;
  width: 100%;
  padding: 12px 14px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(90deg, #e24b5a, #b43a53);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
.stox-auth-btn:hover{
  filter: brightness(1.05);
}

.stox-auth-footer{
  margin-top: 12px;
  text-align: center;
  font-size: 12px;
}
.stox-auth-muted{
  color: rgba(233,237,246,.7);
}
.stox-auth-link{
  color: #e24b5a;
  text-decoration: none;
  margin-left: 6px;
}
.stox-auth-link:hover{
  text-decoration: underline;
}

/* Mobile spacing */
@media (max-width: 420px){
  .stox-auth-body{ padding: 22px 18px 18px; }
}


/* ===== Overlay stabile: scurisce SOLO dietro al popup ===== */

.stox-auth-overlay{
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Questo è lo sfondo: 80% scuro => dietro visibile al 20% */
.stox-auth-dimmer{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.90);
}

/* Popup sopra lo sfondo, sempre 100% */
.stox-auth-modal{
  position: relative !important;
  z-index: 2 !important;
  opacity: 1 !important;
}

/* Protezione extra: qualunque opacity/filtro NON deve colpire il popup */
.stox-auth-modal,
.stox-auth-modal *{
  opacity: 1 !important;
  filter: none !important;
}
.stox-auth-modal{
  margin-top: 1px;
}


#accountNotifications,
#accountNotificationsContent {
    display: none !important;
}

/* Nascondi breadcrumb (Portal Home / Client Area) */
.breadcrumb,
nav.breadcrumb,
.breadcrumb-container,
ol.breadcrumb {
    display: none !important;
}


/* Sostituisci immagine SSL inactive con active */
img[src*="ssl-inactive.png"] {
    content: url('/assets/img/ssl/ssl-active.png') !important;
}

/* Rimuovi click e tooltip */
.ssl-info[data-domain] {
    pointer-events: none !important;
}


/* Nascondi messaggio IP solo nel checkout */
body[class*="cart"] .alert.alert-warning.checkout-security-msg,
.alert-warning.checkout-security-msg {
    display: none !important;
}